<h2>工具类模块</h2>
<div style="margin-top: 0px; height: auto; overflow-x: hidden;width:802px">    
<div class="iconRecord">
	<div class="iconIndex_item">
		<div class="iconIndex_Pic"><img src="images/chart-icon.png" style="width:50px;"></div>
		<div class="iconIndex_info">
			<span class="iconIndex_label">
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/utility/myReport.html',this)"><b>我的报表</b></a>
			</span>
			<p>历史报表存档、查看</p>
		</div>
	</div>
	<div class="paddingDiv"></div>
	<div class="iconIndex_item">
		<div class="iconIndex_Pic"><img src="images/task_manager.png" style="width:50px;"></div>
		<div class="iconIndex_info">
			<span class="iconIndex_label">
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/utility/myTask.html',this)"><b>任务管理</b></a>
			</span>
			<p>查看未完成任务、已完成任务以及我分配的任务</p>
		</div>
	</div>
	
	<div class="iconIndex_item">
		<div class="iconIndex_Pic"><img src="images/files.png" style="width:50px;"></div>
		<div class="iconIndex_info">
			<span class="iconIndex_label">
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/utility/resource.html',this)"><b>文件管理</b></a>
			</span>
			<p>浏览、操作文件(文件夹)信息</p>
			<p><a href="javascript:void(0)" onclick="workbenchJs.open1('component/utility/addFolder.html',this)">创建文件夹</a> 
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/utility/addFile.html',this)">上传文件</a></p>
		</div>
	</div>
	<div class="paddingDiv"></div>
	<div class="iconIndex_item">
		<div class="iconIndex_Pic"><img src="images/search.png" style="width:50px;"></div>
		<div class="iconIndex_info">
			<span class="iconIndex_label">
				<a href="javascript:void(0)" onclick="workbenchJs.open1('component/utility/userTrace.html',this)"><b>员工动作追踪</b></a>
			</span>
			<p>查看、搜索员工操作信息</p>
		</div>
	</div>
</div>
</div>

<script type="text/javascript">
	function rowOver(id){
		$(id).addClass('row-over');
	}
	function rowOut(id){
		$(id).removeClass('row-over');
	}
	
	$(function(){
		$('.iconIndex_item').bind('mouseover',function(){
			rowOver(this);
		});
		$('.iconIndex_item').bind('mouseout',function(){
			rowOut(this);
		});
	});
	
</script>
<style type="text/css">
        .iconRecord{
        	padding-top:2px;
        }
         .iconIndex_label{
            display:inline-block;
            width:270px;
            height:24px;
            padding:0;
            line-height:24px
        }
        .iconIndex_item{
        	float:left;
        	width:400px;
        	padding:10px 0px;
        	margin-bottom:2px;
        	background: #FFFFFF;
        	height:70px;
        	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        }
        
        .iconIndex_item p{
        	height:24px;line-height:24px;margin:0;padding:0
        }
        .paddingDiv{
        	float:left;
        	padding-left:2px;
        	min-height:50px;
			height:100%;
			_height:50px;
        }
        .task_item_desc{
        	width:90%;
        	float:left;
        	clear:both;
        	padding-left:60px;
        	display:none;
        }
        #item_toolbar{
        	float:left;
        	clear:both;
        	width:100%;
        	margin-bottom:2px;
        	padding-bottom:4px;
        	background: #FFFFFF;
        	height:auto;
			vertical-align:middle;
        }
        .iconIndex_Pic{
        	width:50px;
        	float:left;
        	margin:0;
        	padding:0 10px;
        }
        .iconIndex_info{
        	padding-left:10px;
        	float:left;
        	height:auto;
        	width:300px;
        }
        .row-over {
  			background: #e6e6e6;
  			color: #00438a;
  			cursor: default;
		}
		.row-selected {
  			background: #0081c2;
  			color: #fff;
		}
		

</style>